
page {
  background-color: #e7e2e2;
  display: flex;
  flex-direction: column;
  padding: 16rpx;
  box-sizing: border-box;
  > view:nth-child(n+2) {
    margin-top: 20rpx; 
  }
  }


/* 用户 */
.user {
  height: 230rpx;
  width: 718rpx;
  background-color: rgb(207, 206, 206);
  display: flex;
  align-items: center;
  border-radius: 20rpx;
}

/* 用户头像 */
.user-pic {
  width: 150rpx;
  height: 150rpx;
  margin: 40rpx;
  border-radius: 50%;
}

/* 用户信息 */
.user-details {
  width: 200rpx;
  height: 150rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-radius: 15rpx;
  // background-color: rgb(175, 174, 174);
  margin-right: 200rpx;
}

/* 登录/注册按钮 */
.login-btn {
  width: 150rpx;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 28rpx;
  background-color: #007aff;
  color: #ffffff;
  border-radius: 30rpx;
  margin: 0;
  padding: 0;
}

/* 用户名 */
.user-name {
  width: 150rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 34rpx;
  background-color: rgba(134, 134, 134, 0.5);
  font-weight: 500;
  border-radius: 15rpx;
}

/* 个人主页 */
.user-link {
  width: 150rpx;
  height: 40rpx;
  background-color: rgba(121, 121, 119, 0.5);
  line-height: 40rpx;
  font-size: 34rpx;
  border-radius: 15rpx;
}

/* 设置按钮 */
.setting-icon {
  width: 50rpx;
  height: 50rpx;
  margin-right: 20rpx;
}

/* 订单状态 */
.order-status {
  height: 150rpx;
  // width: 718rpx;
  background-color: rgb(250, 248, 248);
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 20rpx;
  view {
    navigator{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    image {
      width: 80rpx;
      height: 80rpx;
    }
    text {
      font-size: 28rpx;
      margin-top: 10rpx;
    }
  }
}

// 更多

.more {
  height: 670rpx;
  // width: 718rpx;
  background-color: rgb(250, 248, 248);
  
  display: flex;
  flex-direction: column;
  justify-content:space-evenly;
  border-radius: 20rpx;
  view {
    height: 80px;
    border-bottom: 4px solid rgb(179, 178, 178);
    border-radius: 20rpx;
    display: flex;
    navigator{
      display: flex;
      // flex-direction:row;
      align-items: center;
      
    }
    .img1 {
      width: 80rpx;
      height: 80rpx;
      align-items: center;
      margin: auto 30rpx;
    }
    text {
      font-size: 30rpx;
      margin-top: 10rpx;
    }
    .img2 {
      width: 40rpx;
      height: 40rpx;
      align-items: center;
      margin-left: 400rpx;
    }
  }
}

